<template>
  <div class="simple">
      <div class="conter" v-for="(item,index) in simplelist" :key="index">
          <p class="text">1.{{ item.question }}</p>
          <ul>
            <li>A:{{ item.a}}</li>
            <li>B:{{ item.b}}</li>
            <li>C:{{ item.c}}</li>
            <li>D:{{ item.d}}</li>
          </ul>
    </div>
  </div>
</template>
<script>
export default {
  name: "Simple",
  data(){
    return{
      simplelist:[
        {
          id: "1",
          question: "驾驶机动车在道路上违反道路交通安全法的行为，属于什么行为？",
          a: "违章行为",
          b: "违法行为",
          c: "过失行为",
          d: "违规行为",
          ta: "2",
          Type: "2"
        },
        {
          id: "1",
          question: "驾驶机动车在道路上违反道路交通安全法的行为，属于什么行为？",
          a: "违章行为",
          b: "违法行为",
          c: "过失行为",
          d: "违规行为",
          ta: "2",
          Type: "2"
        },
      ]
    }
  }
}
</script>
<style lang="less" scoped>
.conter{
  margin: 0.5rem 0.5rem;
  font-size: 0.36rem;
  p{
    font-size: 0.3rem;
  }
  ul{
    border-bottom: 1px solid #000;
    font-size: 0.3rem;
    margin-top: 0.5rem;
    li{
      padding: 0.1rem 0;
      letter-spacing: 0.02rem;
    }
  }
}
</style> -->
